<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:composite="http://java.sun.com/jsf/composite">

    <h:head>
        <f:facet name="first">
            <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
        </f:facet>
    </h:head>

    <composite:interface>
        <composite:attribute name="mantLocal"/>
        <composite:attribute name="accion" method-signature="pe.com.cotelasa.scp.entidad.Sede accion()"/>
        <composite:attribute name="isEditable" type="java.lang.Boolean"/>
    </composite:interface>

    <composite:implementation>

        <center>
            <p:panelGrid id="formLocal" rendered="#{!cc.attrs.isEditable}">
                <p:row>
                    <p:column>
                        <h:outputText value="UBICACION(*): " class="lblForm" />
                    </p:column>
                    <p:column>
                        <p:inputText onkeyup="cambiarMayuscula(this)" id="idUbigeoSede" value="#{BKComponenteLocal.formularioLocal.descUbicacion}" 
                                     style="width: 250px" required="true" />
                        <p:commandButton value="CARGAR UBICACION" styleClass="ui-priority-primary" id="btnUbigeoSede"
                                         actionListener="#{MBUbigeoSede.inicializar}" immediate="true" process="@this"
                                         onclick="buscarUbigeoSede.show()" update=":formUbigeoSede:pnlUbigeoSede"/>
                        <p:message for="idUbigeoSede" display="text"/>
                    </p:column>
                </p:row>
                <p:row>
                    <p:column>
                        <h:outputText id="lblFormularioDireccion" value="DIRECCION(*): " class="lblForm" />
                    </p:column>
                    <p:column>
                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormularioDireccion" maxlength="150" required="true" 
                                     value="#{BKComponenteLocal.formularioLocal.direccion}" size="70" />
                        <p:message for="txtFormularioDireccion" display="text"/>
                    </p:column>
                </p:row>
                <p:row>
                    <p:column>
                        <h:outputText id="lblFormularioNombre" value="NOMBRE(*): " class="lblForm" />
                    </p:column>
                    <p:column>
                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormularioNombre" maxlength="300" required="true" 
                                     value="#{BKComponenteLocal.formularioLocal.nombre}" size="70" />
                        <p:message for="txtFormularioNombre" display="text"/>
                    </p:column>
                </p:row>
                <p:row>
                    <p:column>
                        <h:outputText id="lblFormularioReferencia" value="REFERENCIA: " class="lblForm" />
                    </p:column>
                    <p:column>
                        <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormularioReferencia" maxlength="200" size="70" 
                                     value="#{BKComponenteLocal.formularioLocal.referencia}" />
                    </p:column>
                </p:row>
                <p:row>
                    <p:column>
                        <h:outputText id="lblFormularioDescripcion" value="DESCRIPCION: " class="lblForm" />
                    </p:column>
                    <p:column>
                        <p:inputTextarea id="txtFormularioDescripcion" maxlength="250" cols="70" 
                                         value="#{BKComponenteLocal.formularioLocal.descripcion}" />
                    </p:column>
                </p:row>

                <p:row>
                    <p:column>
                        <p:commandButton id="btnAgregarLocal" actionListener="#{MBComponenteLocal.agregarLocal}" 
                                         ajax="true" update="dataTablaSede,formLocal" value="AGREGAR"
                                         process="formLocal" />
                    </p:column>
                </p:row>
            </p:panelGrid>
        </center>

        <p:panel header="LISTA DE LOCALES">
            <p:dataTable id="dataTablaSede" var="local" value="#{BKComponenteLocal.listaLocal}" widgetVar="carsTable"
                         emptyMessage="No se encontraron locales" rowsPerPageTemplate="5,10,15" editable="true"
                         paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink}
                         {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowIndexVar="rowIndex" >
                <p:ajax event="rowEdit" listener="#{MBComponenteLocal.editarLocal}" update="dataTablaSede"/>  

                <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                    <h:outputText value="#{rowIndex+1}" />
                </p:column>

                <p:column id="idColumnaUbicacion" headerText="UBICACION" sortBy="#{local.descUbicacion}">
                    <h:outputText value="#{local.descUbicacion}" /> 
                </p:column>

                <p:column id="idColumnaDireccion" headerText="DIRECCION" sortBy="#{local.direccion}">
                    <p:cellEditor>  
                        <f:facet name="output">  
                            <h:outputText value="#{local.direccion}" /> 
                        </f:facet>  
                        <f:facet name="input">  
                            <p:inputText onkeyup="cambiarMayuscula(this)" value="#{local.direccion}" style="width:100%" maxlength="150" required="true"/>  
                        </f:facet>  
                    </p:cellEditor> 
                </p:column>
                <p:column id="idColumnaNombre" headerText="NOMBRE" sortBy="#{local.nombre}">
                    <p:cellEditor>  
                        <f:facet name="output">  
                            <h:outputText value="#{local.nombre}" /> 
                        </f:facet>  
                        <f:facet name="input">  
                            <p:inputText onkeyup="cambiarMayuscula(this)" value="#{local.nombre}" style="width:100%"  maxlength="300" />  
                        </f:facet>  
                    </p:cellEditor> 
                </p:column>
                <p:column id="idColumnaReferencia" headerText="REFERENCIA" sortBy="#{local.referencia}">
                    <p:cellEditor>  
                        <f:facet name="output">  
                            <h:outputText value="#{local.referencia}" /> 
                        </f:facet>  
                        <f:facet name="input">  
                            <p:inputText onkeyup="cambiarMayuscula(this)" value="#{local.referencia}" style="width:100%"  maxlength="200" />  
                        </f:facet>  
                    </p:cellEditor> 
                </p:column>

                <p:column id="idColumnaDescripcion" headerText="DESCRIPCION" sortBy="#{local.descripcion}">
                    <p:cellEditor>  
                        <f:facet name="output">  
                            <h:outputText value="#{local.descripcion}" /> 
                        </f:facet>  
                        <f:facet name="input">  
                            <p:inputTextarea value="#{local.descripcion}" maxlength="250" style="width:100%"/>  
                        </f:facet>  
                    </p:cellEditor> 
                </p:column>

                <p:column rendered="#{!cc.attrs.isEditable}">
                    <p:commandButton id="btnEliminarLocal" title="Eliminar" icon="ui-icon-trash" 
                                     process="@this" oncomplete="confirmacion.show()">
                        <f:setPropertyActionListener value="#{local}" target="#{BKComponenteLocal.currentLocal}" />
                    </p:commandButton>
                    <p:rowEditor transient="true"  />  
                </p:column>    

            </p:dataTable>

            <p:confirmDialog id="dlgEliminarLocal" message="¿ Desea realmente eliminar este local ?"
                             header="Eliminar Local" severity="alert" widgetVar="confirmacion">
                <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                    <p:commandButton id="btnConfEliLocal" update="dataTablaSede" value="Si"  oncomplete="confirmacion.hide()"  
                                     actionListener="#{MBComponenteLocal.eliminarLocal}" immediate="true" style="text-align: center" process="@this" />  
                    <p:commandButton id="btnCancEliLocal" value="No" onclick="confirmacion.hide()" type="button" style="text-align: center" />   
                </h:panelGrid>
            </p:confirmDialog>

        </p:panel>

    </composite:implementation>

</html>